var InformeLibrosMasBuscados = function () {

return { 
init: function () {

			var gestionInformeLibrosMasBuscados = new Ext.ButtonGroup({
				columns: 1,
				//title: 'Imprimir',
				items: [{
					text: '<font face="arial" size=2 color=black>Imprimir informe</font>',
					scale: 'large',
					rowspan: 1, 
					iconCls: 'actualizar',
					handler: function(){
										window.location = 'INFORMESPDF/masBuscados';
									   }
					}
				]
			});
			
			var InformeLibrosMasBuscados = new Ext.data.GroupingStore({
				id: 'InformeLibrosMasBuscados',
				proxy: new Ext.data.HttpProxy({
					url: 'INFORMELIBROSMASBUSCADOS/listarLibrosArea', 
					method: 'POST'
				}),
				root: 'results',
				baseParams:{Busqueda:'', Campo:''},
				totalProperty: 'total',
				reader:new Ext.data.JsonReader({
						root:'results',
						totalProperty:'total'
					},
					[
						{name: 'rank', type: 'int'},
						{name: 'total', type: 'string'},
						{name: 'isbn', type: 'string'},
						{name: 'titulo', type: 'string'},
						{name: 'areaConocimiento', type: 'string'},
						{name: 'autores', type: 'string'},
						{name: 'editorial', type: 'string'}
					]
				),
				sortInfo:{field: 'rank', direction: 'ASC'}
			});
			InformeLibrosMasBuscados.load({params: {start: 0, limit: 20}});

			var gridInformeLibrosMasBuscados = new Ext.grid.GridPanel({
				store: InformeLibrosMasBuscados,
				columns: [
					{header: 'Rank', width: 70, sortable: true, dataIndex: 'rank'},
					{header: 'Total', width: 70, sortable: true, dataIndex: 'total'},
					{header: 'Isbn', width: 120, sortable: true, dataIndex: 'isbn'},
					{header: 'Titulo', width: 200, id:'IDInformeLibrosMasBuscadosConocimentoTitulo', sortable: true, dataIndex: 'titulo'},
					{header: 'Area de Conocimiento', width: 150, sortable: true, dataIndex: 'areaConocimiento'},
					{header: 'Autores', width: 250, sortable: true, dataIndex: 'autores'},
					{header: 'Editorial', width: 150, sortable: true, dataIndex: 'editorial'}
				],
				sm: new Ext.grid.RowSelectionModel({
					singleSelect: true,
					listeners: {
						rowselect: function(sm, row, rec) {
							
						}
					}
				}),
				tbar: [gestionInformeLibrosMasBuscados],
				stripeRows: true,
				columnLines: true,
				autoExpandColumn: 'IDInformeLibrosMasBuscadosConocimentoTitulo',
				autoHeight: true,
				autoWidth: true,
				title: '<font face="arial" size=2>Informe de libros mas buscados</font>',
				stateful: true,
				stateId: 'grid',
				bbar: new Ext.PagingToolbar({
					pageSize: 20,
					store: InformeLibrosMasBuscados,
					displayInfo: true,
					displayMsg: 'Mostrando {0} - {1} de {2} libros',
					emptyMsg: '<font face="arial" size=2>No hay libros</font>',
					items:[{ scale: 'medium'}]
				}),
				view: new Ext.grid.GroupingView()
			});
			
			//gridInformeLibrosMasBuscados.render(Ext.get(document.body));
			gridInformeLibrosMasBuscados.render('informeLibrosMasBuscados');
		}
	}
}();